<li id="<%= course_element_id %>" class="course semester_<%= semester_element_id %>">
	<span class="course_header" onclick="new Effect.toggle('<%= course_element_id %>_details', 'blind', {duration:.3})"><%= course.title %></span><%= elective_info(course.elective_for_student?(student)) %>
		<% if(!student.major.required_courses.include?(course) and !in_search_results) %>
			<span class="remove" id="<%= course_element_id %>"><%= link_to_remote '[X]', :url => {:action => 'remove_course', :course_id => course.id, :student_id => student.id}, :class => 'remove', :id => course.number %></span>
		<% end %>

	<div id="<%= course_element_id %>_details" class="course_details" style="display: none">
		Course Number: <%= course.number %><br>
		Hours: <%= course.hours.to_s %><br>
		Description: <%= course.description %><br>
		<% unless course.sections.empty? %>
		<fieldset class="section_information"><legend>Section information</legend>
		<div id="<%= course_element_id %>_sections" class="course_sections">
			<table>
				<tr><th>Instructor</th><th>Days</th><th>Times</th></tr>
				<% for section in course.sections %>
				<tr class="section_time"><td><%=h section.instructor.name %></td><td><%=h section.days %></td><td><%= section.time_span %></td><td><%= section_time_conflict_html(section.overlap_any_?) %></td></tr>
				<% end %>
			</table>
		</div>
		</fieldset>
		<% end %>
	</div>

</li>
<%= draggable_element(course_element_id, :revert => 'revert_course') %>
